<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./from.css">
</head>
<body>
    <div class="all">
        <h1>表单</h1>
        <div><div class="yi1">姓名</div><input type="text" name="name" placeholder="只能包含文字字母下划线，切数字不能开头长度在8-16之间"></div>
        <div><div class="yi1">联系电话</div><input type="text" name="dianhua" placeholder="格式错误样式变红"></div>
        <div><div class="yi1">学历</div><input type="text" name="xueli" placeholder="格式正确样式变绿"></div>
        <div><div class="yi1">年龄</div><input type="text" name="age" placeholder="Amount"></div>
        <div><div class="yi1">期望薪资</div><input type="text" name="xinzi" placeholder="Amount"></div>
        <button class="yes">保存</button> <button class="no">重置</button>
    </div>
    <table>
        <thead>
            <tr>
                <td>序号</td>
                <td>姓名</td>
                <td>联系电话</td>
                <td>学历</td>
                <td>年龄</td>
                <td>期望薪资</td>
                <td>操作</td>
                <td></td>
                <!-- <button class="san">添加</button> -->
            </tr>            
        </thead>
        <tbody></tbody>
    </table>
        
        <div class="change">
            <div>
                <!-- 姓名: <input type="text" name="name"><br>
                年龄: <input type="text" name="age"><br>
                性别: 男<input type="radio" name="sex" value="男">  
                      女<input type="radio" name="sex" value="女">  
                      保密<input type="radio" name="sex" value="保密"><br>
                城市: 
                    <select name="city">
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">重庆</option>
                        <option value="4">天津</option>
                    </select> <br>
                <button>确定</button>
                <button>取消</button> -->
                <h1>表单</h1>
                <div><div class="yi1">姓名</div><input type="text" name="name" placeholder="只能包含文字字母下划线，切数字不能开头长度在8-16之间"></div>
                <div><div class="yi1">联系电话</div><input type="text" name="dianhua" placeholder="格式错误样式变红"></div>
                <div><div class="yi1">学历</div><input type="text" name="xueli" placeholder="格式正确样式变绿"></div>
                <div><div class="yi1">年龄</div><input type="text" name="age" placeholder="Amount"></div>
                <div><div class="yi1">期望薪资</div><input type="text" name="xinzi" placeholder="Amount"></div>
                 <button class="no1">关闭</button><button class="yes1">保存修改</button>
            </div>
        </div>

<script src="./from.js"></script>
</body>
</html>